<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"                
                template="./../Template/HomeTemplate.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="content">
<!--        <div id="breadcrumbs">
            <a href="./../HomePages/Index.xhtml">Home</a>
            <span class="separate">»</span>
            Project
        </div>-->
        <div class="full_entry clearfix">
            <div class="entry_content">
                <h1 class="single-title" style="color: #D20005" >All Project</h1>                
            </div>
        </div>
        <ui:repeat value="#{projectBean.showProject()}" var="pdro">
            <div id="post-55" class="post-55 post type-post status-publish format-standard hentry category-3000000-3500000 category-500-1000-square-feet category-beach-house category-modern-architecture category-single-home category-two-bedroom category-urban entry  first" style="background-image: url(./../Resources/images/entry-bg.png); ">
                <div class="thumbnail">
                    <a href="./../Resources/images/pic-12.png" rel="gallery" class="fancybox" title="House On The Beach">
                        <img src="#{pdro.image}" title="#{pdro.name}" width="292" height="155"></img>
                        <span class="overlay2" style="background-image: url(./../Resources/images/thumb-overlay.png); "></span>
                        <span class="price2" style="left: 87px; background-image: url(./../Resources/images/price-small-bg.png); ">
                            <span style="background-image: url(./../Resources/images/price-small-bg.png); ">$3,100,000</span></span>
                    </a>
                </div>           
                <h3 class="title"><h:outputLabel value="#{pdro.name}"/></h3>
                <div class="hr2" style="background-image: url(./../Resources/images/hr2-bg.png); "></div>                 
                <h:link outcome="./../HomePages/ProjectDetail.xhtml" styleClass="readmore" style="background-image: url(./../Resources/images/readmore-right.png);">
                    <f:param name="proId" value="#{pdro.id}"/>
                    <span style="background-image: url(./../Resources/images/readmore-left.png); ">View Detail</span>
                </h:link>
                <!--                <a href="#" class="readmore" style="background-image: url(./../Resources/images/readmore-right.png); ">
                                    <span style="background-image: url(./../Resources/images/readmore-left.png); ">View Detail</span></a>-->
            </div> <!-- end .entry -->  
        </ui:repeat>
        <div class="wp-pagenavi">
            <span class="pages">Page 1 of 3</span>
            <span class="current" style="background-image: url(./../Resources/images/pagenavi-current-bg.png); ">1</span>
            <a href="" class="page larger" style="background-image: url(./../Resources/images/pagenavi-bg.png); ">2</a>
            <a href="" class="page larger" style="background-image: url(./../Resources/images/pagenavi-bg.png); ">3</a>
            <a href="" class="nextpostslink" style="background-image: url(./../Resources/images/pagenavi-bg.png); ">»</a>
        </div>
        <!--        <div id="post-55" class="post-55 post type-post status-publish format-standard hentry category-3000000-3500000 category-500-1000-square-feet category-beach-house category-modern-architecture category-single-home category-two-bedroom category-urban entry  first" style="background-image: url(./../Resources/images/entry-bg.png); ">
                    <ui:repeat value="#{projectBean.showProject()}" var="pro">
                        <div class="thumbnail">
                            <h:outputLink value="#"><img src="#{pro.image}" title="#{pro.name}"></img></h:outputLink>
                        </div> 	 end .thumbnail             
                        <h3 class="title"><a href="">#{pro.name}</a></h3>
                        <div class="hr2" style="background-image: url(./../Resources/images/hr2-bg.png); "></div> 
                        <p>Curabitur at iaculis turpis. Ut sed sem metus. 
                            Maecenas bibendum tortor venenatis magna sagittis adipiscing. Ut quis massa vitae eros aliquam vulputate. 
                            Donec ultricies dapibus cursus. Nullam eu luctus libero. Vestibulum at eros...</p>
                        <a href="" class="readmore" style="background-image: url(./../Resources/images/readmore-right.png); ">
                            <span style="background-image: url(./../Resources/images/readmore-left.png); ">view the listing</span></a>
                    </ui:repeat>
                </div>  end .entry -->
    </ui:define>
</ui:composition>
